/*css Rest*/
html{height:100%;min-width: 1225px}
body{color:#333;font-family:"arial","Microsoft YaHei";font-size:14px;min-height:100%;position:relative}
input,textarea,select{font-size:12px;font-size:100%;font-family:inherit;padding: 0}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{margin:0}
ul{padding-left:0;list-style-type:none}
ol{padding-left: 0}
a{text-decoration:none;color:#333;cursor: pointer}
a:hover{color:#0096db;text-decoration: underline;cursor: pointer}
a:active{cursor: default}
input,img{border:0;outline: none;}
table{border-collapse:collapse;width:100%;text-align:center}
i{font-style:normal;    font-size: 16px;}
div,label,input,a,li,span,p{box-sizing: border-box}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
button{border: none;outline: none}
input::-webkit-input-placeholder{color:#999;}
input:-moz-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}
input:-ms-input-placeholder{color:#999;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #e8eff6 inset;}
/*高亮*/
.highlight { background-color: yellow }
/*通用CSS*/
.bw{width: 1300px;margin: 0 auto;}
.fl{float:left}
.fr{float:right}
.cl{clear:both}
.n{font-weight:normal;font-style:normal}
.b{font-weight:bold}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.tdl{text-decoration:underline}
.c0{color: #000000;}
.c3{color:#333333}
.c6{color:#666666}
.c9{color:#999999}
.cf{color:#ffffff}
.cmain{color:#00a4ef}
.bgf75{background-color:rgba(255,255,255,0.75)}
.red{color:red}
.wh{color:white}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.phcolor{ color:#999;}
.vm{vertical-align:middle}
.vtb{vertical-align:text-bottom}
.vt{vertical-align:top}
.vn{vertical-align:-2px}
.vimg{margin-bottom:-3px}
.mauto{margin: 0 auto;}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px}
.pd15{padding: 15px;}
.pr15{padding-right: 15px;}
.pl15{padding-left: 15px;}
.pd20{padding: 20px;}
.pl20{padding-left:20px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.ba{border: 1px solid #cfcfcf}
.bt{border-top:1px solid #cfcfcf}
.br{border-right:1px solid #cfcfcf}
.bb{border-bottom:1px solid #cfcfcf}
.bl{border-left:1px solid #cfcfcf}
.rel{position:relative}
.abs{position:absolute}
.dn{display:none}
.db{display:block}
.dib{-moz-inline-stack:inline-block;display:inline-block}
.di{display:inline}
.ovh{overflow:hidden}
.ovs{overflow:scroll}
.cp{cursor: pointer;}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.z{_zoom:1}
.l_side_bar{float:left;width:194px;}
.r_side_bar{float:right;width:986px;}
.top,.bot{background-color: rgba(255,255,255,0.9)}


/*主要区域*/
.main{padding-bottom: 100px;margin-top: 20px;}
.main_inner{margin-bottom: 20px}

/*footer区域*/
.footer{position:absolute;bottom:0;width:100%;height:100px;background-color:#21252f}
.qr_code{width:330px;margin-top:16px}
.qr_code p{line-height:68px;color:#999;}


/*多选框*/
.checkbox{border:none;padding-left:24px;padding-top:0;position:relative;font-size:14px;cursor: pointer}
.checkbox::before{content:'';width:12px;height:12px;position:absolute;left:0;top:2px;border:1px solid #999999;background-color:#ebebeb}
.checkbox.current{color:#00a4ef}
.checkbox.current::before{content:'\2714';color:#00a4ef;border-color: #00a4ef;line-height: 12px;padding-left: 0;}

/*遮罩*/
.popup{display: none;position: fixed;height:100%;width:100%;top:0;left:0;background-color:rgba(0,0,0,0.7);z-index: 100;}
.popup .inner{background-color:white;border-radius: 6px;position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.popup .close{cursor: pointer;position: absolute;right:10px;top:5px;font-size: 18px;line-height: 20px;color:#666}

/*加载样式*/
#loading{width:100%;height:100%;background-color: rgba(0,0,0,0.35);position: fixed;top:0;left:0;display: none;z-index: 10000}
#loading .inner{width: 300px;height:60px;line-height:60px;text-align:center;background-color:white;border: 1px solid #666;box-shadow: 0 0 20px rgba(0,0,0,0.5);position: absolute;top:0;right:0;bottom:0;left:0;margin: auto}
#loading img{margin-right: 10px;vertical-align: middle;}
#loading_close{position: absolute;top:-21px;right:5px;cursor: pointer}
.user_panel{width:260px;top:32px;right:-50px;
    background-color: #fff;
    z-index: 10000000;
    border-radius: 6px;
    box-shadow: 0 0 20px #ccc;}
.user_panel h6{border-bottom: 1px solid #ccc;margin-top: 0;font-size: 16px;padding-bottom: 12px;}
.head_por{height:70px;margin-top: 8px;padding:5px 0 0 2px;}
.head_por>div{margin:0 auto;border-radius: 50%;height:60px;width:60px;}
.head_por img{height:100%;width:100%;}
.user_panel .base_info{
    /*border-bottom: 1px dashed #cfcfcf;*/
    line-height: 26px;}
.user_panel .base_info span{color: #ccc;display: block}
.user_p_bot{line-height: 40px;}

/*主要区域*/
.main{padding-bottom: 100px;margin-top: 20px;}
.main_inner{margin-bottom: 20px}
.base_info p{
    text-align: center;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}
.user_p_bot{
    width: 100%;
    display: block;
    height: 40px;
}
.user_p_bot a{
    width: 125px;
    display: block;
}
.user_p_bot a:first-child{
    background: #0f67ae;
    color: #fff;
    text-align: center;
    float: left;
    border-bottom-left-radius: 6px;
}
.user_p_bot a:last-child{
    background: #e4651d;
    color: #fff;
    text-align: center;
    float: right;
    border-bottom-right-radius: 6px;
}